.banner-container {

}

.banners {
  display: flex;
}

.banners-title-small {
  font-size: 12px;
  line-height: 1;
  color: rgba(60, 60, 67, 0.6);
  margin-top: 8px;
  margin-bottom: .5rem;
}

.banners-title-big {
  font-size: 29px;
  line-height: 1;
  font-weight: 700;
  margin-bottom: 8px;
}

.banner-button-group > * {
  margin-left: 7px;
}



.card-container {
  margin-top: 15px;
  overflow: hidden; /* 隐藏超过可视区域的部分 */
  display: flex;
  width: 100%;
  .tags-group-wrapper {
    //flex-wrap: nowrap;表示子元素（flex items）不换行，所有的子元素会强制在同一行显示，即使它们的总宽度超过了容器的宽度。
    flex-wrap: nowrap;
    display: flex;
    //animation: slide 45s linear infinite; /* 无限循环动画 */
    //transform: translateX(145px);
    .tags-icon-item {
      display: flex;
      align-items: center;
      flex-direction: column;
      margin-left: 40px;

      .dot {
        align-self: flex-start; /* 确保 `.` 左对齐 */
        text-align: left;
        margin-bottom: 5px; /* 可以根据需求调整间距 */
        width: 100%; /* 让其占满宽度 */
      }

      .ant-avatar {
        box-shadow: 0 2px 16px -3px rgba(0, 0, 0, .15);
        margin-bottom: 15px;
      }

      .ant-btn {
        border: 1px solid #e3e8f7;
        width: 100px;
        box-shadow: 0 2px 16px -3px rgba(0, 0, 0, .15);
        >span{
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          width: 80px;
        }

      }
    }
  }
}

//@keyframes slide {
//  0% {
//    transform: translateX(0%);
//  }
//
//  100% {
//    transform: translateX(-50%);
//  }
//}


